{extend name="iframe" /}
{block name="css"}
{css href="__LIB__/css/dplayer.min.css" /}
{/block}
{block name="body"}
<!-- 主要内容 开始 -->
<div class="weui-tab__bd-item">
  <header class="weui-navBar weui-navBar-fixed">
        <a href="javascript:history.go(-1);" class="weui-navBar-item">
            <i class="icon iconfont icon-fanhui"></i>
        </a>
        <div class="weui-center">
            <span class="weui-center-title">视频</span>
        </div>
        <a href="javascript:;" class="weui-navBar-item actionsheet">
            <i class="icon iconfont icon-gengduo"></i>
        </a>
    </header>
  <div id="dplayer"></div>
</div>
<!-- 主要内容 结束 -->
{/block}
{block name="js"}
{js href="__LIB__/js/dplayer.min.js" /}
<script type="text/javascript">
  $(function () {
    const dp = new DPlayer({
      container: document.getElementById('dplayer'),
      autoplay: false, // 自动播放
      theme: '#FADFA3', // 主题
      loop: true, // 循环播放
      lang: 'zh-cn', // 语言
      screenshot: true, // 截图
      hotkey: true, // 热键
      preload: 'auto', // 预加载
      logo: '__IMG__/ios.png', // 左上角logo
      volume: 0.7, // 音量
      mutex: true, // 多个视频互斥
      video: {
        url: 'https://api.dogecloud.com/player/get.mp4?vcode=5ac682e6f8231991&userId=17&ext=.mp4',
        pic: '__IMG__/yuanhaiwuwei.jpeg',
        thumbnails: '__IMG__/yuanhaiwuwei.jpeg'
      }
    });
  });
</script>
{/block}